<!DOCTYPE html>
<html>

<head>
	<meta charset="utf-8">
	<title>超市餐厅可视化</title>

    <!-- App favicon -->
    <link rel="shortcut icon" href="assets/images/favicon.ico">

	<script src="https://www.jq22.com/jquery/jquery-1.10.2.js"></script>
	<script src="https://www.jq22.com/jquery/echarts-4.2.1.min.js"></script>
</head>

<body>
	<div class="container-header">
		<ul>
			<div class="reButton" onclick="reButt()">返回</div>
		</ul>
		<ul class="nowTime">
			<li></li>
			<li></li>
		</ul>

		<!-- 选择框 -->
		<div class="location">
			<div class="select-box" style="display:flex;">
				<div class="select" tabindex="0" hidefocus="true">
					<div class="select-div">广东省</div>
					<ul class="select-ul company">
						<li class="active" data-value="">广东省</li>
						<li data-value="1">安徽省</li>
						<li data-value="2">湖南省</li>
						<li data-value="2">云南省</li>
						<li data-value="1">安徽省</li>
						<li data-value="2">湖南省</li>
						<li data-value="2">河南省</li>
						
						
					</ul>
				</div>
				<div class="select" tabindex="0" hidefocus="true">
					<div class="select-div">中山市 </div>
					<ul class="select-ul company">
						<li class="active" data-value="">中山市</li>
						<li data-value="1">茂名市</li>
						<li data-value="2">广州市</li>
						<li data-value="2">清远市</li>
					</ul>
				</div>
				<div class="select" tabindex="0" hidefocus="true">
					<div class="select-div">小榄镇</div>
					<ul class="select-ul">
						<li class="active" data-value="0">小榄镇</li>
						<li data-value="1">南头镇</li>
						<li data-value="1">东凤镇</li>
						<li data-value="1">阜沙镇</li>
						<li data-value="1">东升镇</li>
						<li data-value="1">古镇镇</li>
						<li data-value="1">横栏镇</li>
						<li data-value="1">三角镇</li>
						<li data-value="1">南朗镇</li>
						<li data-value="1">港口镇</li>
						<li data-value="1">大涌镇</li>
						<li data-value="1">沙溪镇</li>
						<li data-value="1">三乡镇</li>

					</ul>
				</div>

			</div>
			<!-- <i class="icon iconfont icon-buoumaotubiao23"></i> -->
			<span class="areaName"></span>
		</div>
		<h3>超市餐厅贴标大数据展示</h3>
	</div>

	<!-- 禽类贴标占比 -->
	<div class="container-content">
		<div class="top">
			<div class="count-base">
				<div class="com-count-title">禽类贴标占比</div>
				<div class="com-screen-content">

					<div id="main1" style="width:100%;height:300px;"></div>
				</div>
				<span class="left-top"></span>
				<span class="right-top"></span>
				<span class="left-bottom"></span>
				<span class="right-bottom"></span>
			</div>
			<div class="count-resource q1">
				<div class="com-count-title">迄今为止</div>
				<div class="com-screen-content2 deadlineNow">
					<ul class="use-data">
					</ul>
					<div class="com-screen-content">
						<!-- <div id="main2" style="margin-top:10px;width:100%;height:240px;"></div> -->
					</div>
					<span class="left-top"></span>
					<span class="right-top"></span>
					<span class="left-bottom"></span>
					<span class="right-bottom"></span>
				</div>
			</div>
			<div class="count-resource q2">
				<div class="com-count-title">
					<div class="select marketDiv" tabindex="0" hidefocus="true" style="margin-left:10px;margin-right:70px;">
						<div class="select-div" style="padding-left: 2.5rem;">所有超市/餐厅</div>
						<ul class="select-ul company market-ul">
						</ul>
					</div>
					<div style="margin-top:10px;">近九月贴标数</div>
				</div>
				

				<div class="com-screen-content">
					<div id="main3"  style="margin-top:30px;width:450px;height:240px;"></div>
				</div>
				<span class="left-top"></span>
				<span class="right-top"></span>
				<span class="left-bottom"></span>
				<span class="right-bottom"></span>
			</div>
		</div>

		<div class="mid">
			
			
			<div class="count-share w2">
				<div class="com-count-title" style="display:flex; justify-content: space-between;">
					<div style="margin-left:10px;margin-right:20px;margin-top:10px;">小榄镇总体超市/餐厅贴标数据</div>
					<ul class="data-label" style="margin-right:20px;">
						<li class="active" data-type="1">逐日贴标数</li>
						<li data-type="2">逐月贴标数</li>               
					</ul>
				</div>
				<div class="com-screen-content">
					<div id="main2" style="width:100%;height:300px;"></div>
				</div>
				<span class="left-top"></span>
				<span class="right-top"></span>
				<span class="left-bottom"></span>
				<span class="right-bottom"></span>
			</div>	

			<div class="count-topic e1">
				<div class="com-count-title">各超市/餐厅今日贴标量</div>
				<div class="com-screen-content">
					<div id="main6" style="width:100%;height:300px;"></div>
				</div>
				<span class="left-top"></span>
				<span class="right-top"></span>
				<span class="left-bottom"></span>
				<span class="right-bottom"></span>
			</div>
		</div>

		<div class="bottom">
			<div class="count-topic e2">
				<div class="com-count-title">超市/餐厅贴标前十</div>
				<div class="com-screen-content">
					<div id="main7" style="width:100%;height:300px;"></div>
				</div>
				<span class="left-top"></span>
				<span class="right-top"></span>
				<span class="left-bottom"></span>
				<span class="right-bottom"></span>
			</div>
			<div class="count-share w1" >
				<div class="com-count-title">客户贴标数据</div>
				<div class="com-screen-content" style="margin-left:10px;margin-top:25px;">
					<div class="topRec_Lists">
						<dl>
							<dd>客户名</dd>
							<dd>所属超市/餐厅</dd>
							<dd>贴标数量</dd>
						</dl>
						<div class="maquee" style="height: 240px;">
							<ul>
							</ul>
						</div>
					</div>
				</div>
				<span class="left-top"></span>
				<span class="right-top"></span>
				<span class="left-bottom"></span>
				<span class="right-bottom"></span>
			</div>
			
		</div>
		<div class="clearfix"></div>
	</div>

	<script type="text/javascript">
		document.write("<link href='assets/css/test-1280.css' rel='stylesheet' type='text/css'>");
		document.writeln("<script type=\"text/javascript\" src=\"assets/js/market5.js\"><\/script>");
	</script>

</body>

</html>